<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'/>
    <title>带我飞</title>
    <meta name='viewport'
          content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no'/>
    <meta name='apple-mobile-web-app-capable' content='yes'/>
    <meta name='screen-orientation' content='portrait'/>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <link href="../src/css/main.css" rel="stylesheet"/>
    <!--选择控件-->
</head>
<body>
<div class="page-withdraw-cash">
    <header><i></i>提现
        <text>提现记录</text>
    </header>
    <div class="info-box">
        <p>
            <span class="t-name">银行卡号：</span>
            <input type="text" name="" placeholder="请输入本人的银行卡号">
        </p>
        <p>
            <span class="t-name">开户银行：</span>
            <input class="t-gray" id="select-bank-span" style="width: 145px;" type="text" value="请选择"/> <i></i>
        </p>
        <p>
            <span class="t-name province" style="float: left;">省：
                <input class="t-gray" id="select-province-span" style="width:45px;" type="text" value="请选择"/> <i></i>
            </span>


            <span class="t-name city">市：
                <input class="t-gray" id="select-city-span" style="width:45px;" type="text" value="请选择"/> <i></i>
            </span>
        </p>
    </div>
    <div class="withdraw-box">
        <p class="input-p">
            <font style="font-size: 30px;color: #4D4D4D">¥</font>
            <input type="number" name="" placeholder="提现金额最低100元">
        </p>
        <p class="balance">可用余额：123元</p>
        <div class="success-btn" style="width: 100%;">提现</div>
    </div>
</div>
</body>

<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
<script>
    $("#select-bank-span").picker({
        toolbarTemplate: '<header class="bar bar-nav">\
                              <button class="button button-link pull-left close-picker">取消</button>\
                              <button class="button button-link pull-right close-picker">确定</button>\
                         </header>',
        cols: [
            {
                textAlign: 'center',
                values: ['中国农业银行', '中国工商银行', '中国建设银行', '中国交通银行']
            }
        ]
    });

    $("#select-province-span").picker({
        toolbarTemplate: '<header class="bar bar-nav">\
                              <button class="button button-link pull-left close-picker">取消</button>\
                              <button class="button button-link pull-right close-picker">确定</button>\
                         </header>',
        cols: [
            {
                textAlign: 'center',
                values: ['北京', '上海', '广州', '浙江', '安徽', '湖南', '河南']
            }
        ]
    });

    $("#select-city-span").picker({
        toolbarTemplate: '<header class="bar bar-nav">\
                              <button class="button button-link pull-left close-picker">取消</button>\
                              <button class="button button-link pull-right close-picker">确定</button>\
                         </header>',
        cols: [
            {
                textAlign: 'center',
                values: ['北京', '上海', '合肥', '杭州', '绍兴', '宁波']
            }
        ]
    });

</script>
</html>